
<style scoped>
.index{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.index .section{
  flex: 1;
}
.index .footer{
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-top: 1px solid black;
  display: flex;
}
.index .footer div{
  flex: 1;
  text-align: center;
}
</style>

<template>
  <div class="index">
    <div class="section">
      <!-- <component :is="componentId"></component> -->
    </div>
    <div class="footer">
      <div @click="TabBtn('goods')">Goods</div>
      <div @click="TabBtn('user')">User</div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'Index',
  components: {
    
  },
  data(){
    return {
      componentId: ""
    }
  },
  methods: {
    // TabBtn(componentId){
    //   this.componentId = componentId;
    // }
  }
}
</script>
